.sidebar .el-menu {
  border: none;
  background: #456;

  .el-menu-item,
  .el-menu-item i {
    color: #fff;

    &.is-active {
      background: #456;
      color: #8df;
      i {
        color: #8df;
      }
    }

    &:hover {
      background: #234;
    }
  }
  .el-submenu .el-menu {
    background: #345;

    .el-menu-item.is-active {
      background: #345;
      color: #8df;

      i {
        color: #8df;
      }
    }
  }

  .el-submenu__title,
  .el-submenu__title i {
    color: #fff;

    &:hover {
      background: #234;
    }
  }
}

.el-table {
  .table-header-cell {
    background: #f0f1f5;
    color: #000;
  }
}

.search-line {
  .el-select, .el-input {
    width: 200px;
    margin-right: 8px;
  }
}
// 密码输入框睁眼闭眼图标
.x-input-show-password {
  input[type='password'] + .el-input__suffix {
    .el-input__suffix-inner {
      .el-icon-view {
        position: relative;
        &::before {
          opacity: 0;
        }
        &::after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          width: 14px;
          height: 14px;
          display: block;
          background: url('../assets/icons/icon_close_eye.png') no-repeat;
          background-size: 100% 100%;
          transform: translate(-50%, -50%);
        }
      }
    }
  }
}


.el-dialog__body {
  max-height: 60vh;
  overflow-y: auto;
}

// 描述列表样式
.el-desc-label {
  flex-shrink: 0;
  width: 100px;
  color: #838a9d;
  text-align: right;
  vertical-align: middle;
  line-height: 20px;
}
.el-desc-value {
  display: flex;
  color: #3c4353;
  line-height: 20px;
  .el-link {
    font-size: 12px;
  }
}